<template>
  <div class="avatar">
    <!--    <img :style="`width: ${w}px;height: ${h}px`" :src="icons[sex]" alt="" />-->
    <i style="font-size: 24px" class="el-icon-user-solid"></i>
  </div>
</template>
<script>
export default {
  name: "Avatar",
  props: {
    w: {
      type: Number,
      default: 50
    },
    h: {
      type: Number,
      default: 50
    },
    sex: {
      type: [Number, String],
      default: "14"
    }
  },
  data: () => {
    return {
      icons: {
        13: require("../assets/images/avatar/nan.svg"),
        14: require("../assets/images/avatar/nv.svg"),
        男: require("../assets/images/avatar/nan.svg"),
        女: require("../assets/images/avatar/nv.svg")
      }
    };
  },
  methods: {},
  mounted: function() {}
};
</script>
<style lang="scss">
.avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
